﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>达利琪云平台</title>
    <link href="${pageContext.request.contextPath}/assets/css/bootstrap.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/assets/css/components-rounded.css" rel="stylesheet" />
    <!-- FONTAWESOME STYLES-->
    <link href="${pageContext.request.contextPath}/assets/css/font-awesome.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='http://fonts.useso.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
     <style>
		body{
		   background:url("/assets/img/login-bg.jpg") repeat left top #2979ae; 
		}
		.input-group .input-group-addon{
			min-height:30px;
		}
		.form-control{
			height:30px;
		}
		.containerBg{
			width:1024px;
			height:768px;
			background:url("/assets/img/login_bg2.jpg") no-repeat;
			position:fixed;
			top:50%;
			left:50%;
			margin:-384px 0 0 -512px;
		}
		.containerBg h1{
			text-align:center;
			margin:50px 0 0 0;
		}
		.containerBg .row{
			background:url("/assets/img/login_main.png") no-repeat center center;
			height:341px;
			margin-top:30px;
		}
		.loginForm h3{
			text-align:center;
			font-weight:bold;
			color:#2979ae;
		}
		label.check{
			margin-bottom:0;
		}
		.forget-password{
			margin-top:10px;
		}
		.form-actions{
			margin-bottom:15px;
		}
		.copyright{
			font-size:14px;
			color:#fff;
			text-align:center;
			margin-top:5px;
		}
	 </style>
	 <script type="text/javascript">
	    var message = '${param.message}';
        if(!!message){
        	alert(message);
        }
	 </script>
</head>
<body onkeydown="keydownEvent()" >
    <div class="container">
    	<div class="containerBg">
    		<h1><img src="/assets/img/login_3.png"	></h1>
   			<div class="row ">
                <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                            <div class="panel-body">
                            	<form class="loginForm" id="login_form" action="/index" method="post"  role="form">
						            <h3>用户登录</h3>
						
						            <div class="form-group">
						                <label class="sr-only" for="uName"></label>
						                <div class="input-group">
						                    <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
						                    <input class="form-control" id="uName" name="username" type="text" placeholder="请输入用户名" required />
						                </div>
						            </div>
						
						            <div class="form-group">
						                <label class="sr-only" for="password"></label>
						                <div class="input-group">
						                    <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
						                    <input class="form-control" id="password" name="password" type="password" placeholder="请输入密码" required />
						                </div>
						            </div>
						            
						            <div class="form-group">
						                <label class="check">
					                        <input name="remember" type="checkbox"> 记住密码
						                </label>
						            </div>
						
						            <div class="form-actions">
						            	<a id="submit_btn"  href="javascript:void(0);"  onclick="login();" class="btn btn-primary">登 录</a>
						                
						                <a href="javascript:;" class="forget-password pull-right">忘记密码?</a>						                
						            </div>
						            
						            <div class="form-group">						            	
						                <p class="create-account">
						                	没有注册 ? <a href="index.html" >点击这里注册新用户 </a>
						                </p>
						            </div>
						        </form>
                            
                            
                            
                            
                                 <!-- <form id="login_form" action="/index" method="post"  role="form">
                                    <h5>用户登录</h5>
                                     <div class="form-group input-group">
                                            <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                            <input type="text" class="form-control"  name="username"  placeholder="用户名 " />
                                        </div>
                                                                              <div class="form-group input-group">
                                            <span class="input-group-addon"><i class="fa fa-lock"  ></i></span>
                                            <input type="password" class="form-control" name="password"  placeholder="密码" />
                                        </div>
                                    <div class="form-group">
                                            <label class="checkbox-inline">
                                                <input type="checkbox" />记住密码
                                            </label>
                                            <span class="pull-right">
                                                   <a href="index.html" >忘记密码 ? </a> 
                                            </span>
                                        </div>
                                     
                                     <a id="submit_btn"  href="javascript:void(0);"  onclick="login();" class="btn btn-primary ">登陆</a>
                                   		没有注册 ? <a href="index.html" >点击这里注册新用户 </a> 
                                    </form> -->
                            </div>
                           
                        </div>
                
                
        </div>
    	
    	<!-- 版权信息 -->
	    <div class="copyright">
	       <p>2016 &copy; 版权归达利琪物流云平台所有</p>
	    </div>
    	</div><!-- end containerBg -->
         
    </div>
    <script src="${pageContext.request.contextPath}/assets/js/jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP SCRIPTS -->
    <script src="${pageContext.request.contextPath}/assets/js/bootstrap.js"></script>
    
    <script type="text/javascript">
	   function login(){
	  			$('#login_form').submit();
	   }
      function keydownEvent(){
  		var e = window.event || arguments.callee.caller.arguments[0];
  		if (e && e.keyCode == 13 ) {
  			  $('#login_form').submit();
          }
  	}
      
      </script>
</body>
</html>
